@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-03-05 09:40:22
 * @version $Id$
 */
.product{ width: 100%; height: 508px; margin: 0 auto; background: url('../img/pro_bg.jpg');}
.slideTxtBox{ width: 1200px; height: 508px; margin: 0 auto;}
.slideTxtBox .hd{}
.slideTxtBox .hd ul li{ width: 200px; height: 100px; float: left; text-align: center; }
.slideTxtBox .hd ul li p{ width: 68px; height: 68px; margin:0 auto;}
.slideTxtBox .hd ul li p{ width: 68px; height: 68px; margin:0 auto;}
.slideTxtBox .hd ul li span{ font-size: 18px; color: #565656; display: block; width: 100%;}
.slideTxtBox .hd ul li a{ font-size: 18px; color: #565656; display: block; width: 100%;}
.slideTxtBox .hd ul li:first-child p{ background: url('../img/dianyundou.png'); }
.slideTxtBox .hd ul li:first-child +li p{ background: url('../img/zhazhiji.png'); }
.slideTxtBox .hd ul li:first-child +li +li p{ background: url('../img/cofe.png'); }
.slideTxtBox .hd ul li:first-child +li +li +li p{ background: url('../img/zhifaqi.png'); }
.slideTxtBox .hd ul li:first-child +li +li +li +li p{ background: url('../img/jiaobanji.png'); }
.slideTxtBox .hd ul li:first-child +li +li +li +li +li p{ background: url('../img/more.png'); }
.slideTxtBox .hd ul li:first-child:hover p{ background: url('../img/dianyundou1.png'); }
.slideTxtBox .hd ul li:first-child.on p{ background: url('../img/dianyundou1.png'); }
.slideTxtBox .hd ul li:first-child +li:hover p{ background: url('../img/zhazhiji1.png'); }
.slideTxtBox .hd ul li:first-child +li:hover span{ color: #ffffff;}
.slideTxtBox .hd ul li:hover{ background:#05acf2; color: #ffffff;}
.slideTxtBox .hd ul li:hover span{ color: #ffffff;}
.slideTxtBox .hd ul li.on{ background:#05acf2; color: #ffffff;}
.slideTxtBox .hd ul li.on span{ color: #ffffff;}
.slideTxtBox .bd{ width: 1200px; height: 408px; }
.slideTxtBox .bd ul{ width: 1200px; height: 408px; }
.slideTxtBox .bd ul li{ width: 200px; height: 408px; float: left; text-align: center;}
.slideTxtBox .bd ul li span{ display: block; width: 124px; height: 292px; position: relative; margin: 0 auto;}
.slideTxtBox .bd ul li img{ width: 124px; height: 154px; margin-top: 85px;}
.slideTxtBox .bd ul li h3{ width: 100%; text-align: center; font-size: 18px; color: #d3d3d3;}
.slideTxtBox .bd ul li:hover img{ width: 132px; height: 203px; position: absolute; top:-50px; left: -4px;}
.slideTxtBox .bd ul li:hover h3 a{ color: #000000; }


div.title{ width: 1200px; height: 28px; margin-top: 60px; margin-bottom: 35px; text-align: center;}
.title h3,span{ display: inline-block; }
.title h3{ font-size: 30px; color: #333333; margin-right: 18px;}
.title span{ font-size: 18px; color: #4f4f4f; }

.about{ width: 1200px; height: 485px; margin: 0 auto;}
.about > a{ float: right; margin-right: 40px; margin-left: 105px;}
.about > a img{ width: 522px; height: 313px; }
.about .text{ width: 500px; margin-left: 32px;}
.about .text p{ text-indent: 2em; font-size: 16px; color: #333333; line-height: 30px;}
.about .text a{ display: block; width: 150px; height: 50px; background: #05acf2; text-align: center; line-height: 50px; font-size: 14px; color: #ffffff; margin-top: 47px;}

.news{ width: 1200px; height: 500px; margin: 0 auto;}
.news .pic{ width: 520px; height: 300px; margin-left: 32px; float: left; overflow: hidden; position: relative;}
.news .pic .bd{ width: 520px; height: 300px; overflow: hidden;}
.news .pic .bd img{ width: 520px; height: 300px; }
.news .pic .prev1{ display: block; width: 25px; height: 45px; background: url('../img/prev2.png'); position: absolute; top:128px; left: 13px;}
.news .pic .next1{ display: block; width: 25px; height: 45px; background: url('../img/next2.png'); position: absolute; top:128px; right: 13px;}
.news .pic .prev1:hover{ background: url('../img/prev2-1.png'); }
.news .pic .next1:hover{ background: url('../img/next2-1.png'); }

.news .text{ width: 573px; height: 300px; float: right;}
.news .text ul li{ width: 100%; height: 80px; margin-bottom: 40px;}
.news .text ul li div{ width: 80px; height: 80px; background: #666666; float: left; margin-right: 18px;} 
.news .text ul li div p{ font-size: 30px; color: #ffffff; text-align: center;
	margin: 12px 0px 8px 0px;}
.news .text ul li div span{ display: block; font-size: 14px; color: #ffffff; text-align: center; border-top: 1px solid #ffffff; width: 58px; margin: 0 auto;
 }
.news .text ul li h2{ font-size: 18px; color: #333333; margin-bottom: 15px;}
.news .text ul li p{ font-size: 14px; color: #666666; line-height: 26px;}
.news .text ul li:hover div{ background: #05acf2; }
.news .text > a{ display: block; width: 146px; height: 46px; border: 2px solid #0099ff; text-align: center; line-height: 46px; font-size: 14px; color: #565656; margin-top: 52px;}



.contact{ width: 1200px; height: 340px; margin: 0 auto;}
.contact ul{ width: 1050px; margin: 0 auto; }
.contact ul li{ float: left; width: 350px; text-align: center; color: #565656;}
.contact ul li img{ width: 50px; height: 50px; }
.contact ul li span{ display: block; font-size:18px; margin: 26px 0 28px 0;}
.contact ul li p{ font-size:16px;}

.map{ width: 1200px; height: 420px; margin: 0 auto;}
.map iframe{ width: 1200px; height: 420px;}